<template>
  <div class="detail-swiper">
      <swiper class="swiper-img">
          <swiper-item v-for="(item,index) in topImages" :key="index">
              <img :src="item" alt="">
          </swiper-item>
      </swiper>
  </div>
</template>

<script>
   import Swiper from '../../components/common/swiper/Swiper'
   import SwiperItem from '../../components/common/swiper/SwiperItem'

export default { 
  name: "DetailSwiper",
  props:{
      topImages:{
          type:Array,
          default(){
              return []
          }
      }
  } ,
  components: {
      Swiper,
      SwiperItem
  } 
};
</script>

<style scoped>
.swiper-img{
    height: 300px;
}
</style>